//停车费 by KB

let lf = liefeng,
    doAction = lf.appJs.doAction;

let Container = React.createClass({
    History(){
        doAction('property-parking-history.html','历史停车费')
        console.log('History')
    },
    Pay(){
        doAction('property-parking-pay.html','立即支付')
        console.log('pay')
    },
    render(){
        return(
            <div className="parking">
                <div className="info">
                    <p className="name">陈超<span>粤888888</span></p>
                    <p className="time">进入时间：2016-11-07 14:12:23</p>
                </div>
                <div className="price">
                    <p>当前停车费(元)</p>
                    <p className="num">12.00</p>
                </div>
                <div className="tips">
                    说明：成功付款后，请在15分钟内离开<br />超出时间，将另行计费。
                </div>
                <div className="bottom">
                    <a className="history-price" href="javascript:;" onTouchEnd={this.History}>历史停车费</a>
                    <a className="pay" ref="pay" href="javascript:;" onTouchEnd={this.Pay}>立即支付</a>
                </div>
            </div>
        )
    }
})

lf.bridgeJs.getUser(function (user) {
    console.log(user)
    React.render(
        <Container user={user} />,
        document.getElementById('root'), function () {
            $('#root').css('background', 'none');
        }
    )
})
